import Header from "@shared/header";
import Back from "@shared/back";
//@ts-ignore-next-line
import imgs from "../../assets/videos/1.mp4"
//@ts-ignore-next-line
import img5g from "../../assets/videos/2.mp4"





export default function Video() {
 return (
  <div>
   <div>
    <Header title="视频" left={<Back></Back>}></Header>
   </div>

   <div style={{ padding: "0 20px", boxSizing: "border-box" }}>
    <div style={{ borderBottom: "1px solid gray", width: "100%" }}>
     <p style={{ fontSize: "20px", marginTop: "10px", fontWeight: "700" }}>格力电器将继续发展手机业务，并将向全产业覆盖!</p >
     <div style={{ width: "100%", height: "260px", display: "flex", justifyContent: "center", alignItems: "center" }}>

      <video src={imgs} controls > </video>
     </div>
     <p style={{ marginBottom: "10px", fontSize: "18px" }}>1563次播放</p >

    </div>

    <div style={{ borderBottom: "1px solid gray", width: "100%", marginTop: "10px" }}>
     <p style={{ fontSize: "20px", marginTop: "10px", fontWeight: "700" }}>你用上5G了吗?我国5G手机终端达3.1亿 占全球比例超80%</p >
     <div style={{ width: "100%", height: "260px", display: "flex", justifyContent: "center", alignItems: "center" }}>
      <video src={img5g} controls style={{ width: "100%" }}> </video>
     </div>
     <p style={{ marginBottom: "10px", fontSize: "18px" }}>1563次播放</p >

    </div>


   </div>
  </div>

 )

}